/* infoScoop OpenSource
 * Copyright (C) 2010 Beacon IT Inc.
 * 
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU Lesser General Public License version 3
 * as published by the Free Software Foundation.
 * 
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU Lesser General Public License for more details.
 * 
 * You should have received a copy of the GNU Lesser General Public
 * License along with this program.  If not, see
 * <http://www.gnu.org/licenses/lgpl-3.0-standalone.html>.
 */


/* tabs */
.infoScoop #tab-container {
	background-color: #0085BE;
	background-image: -webkit-linear-gradient(top,#008BC7 0,#0081B8 100%); /* Chrome10+, Safari5.1+ */
	background-image: -moz-linear-gradient(top, #008BC7 0, #0081B8 100%);/* FF3.6+ */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#008BC7', endColorstr='#0081B8', GradientType=0)";/* IE8,9 */
	background-image: linear-gradient(to bottom, #008BC7 0, #0081B8 100%);/* IE10+, W3C */
}

.infoScoop #tabs{
	display : inline-block;
	width:100%;
	font-size:93%;
	line-height:normal;
	border-bottom: 2px solid #0072A7;
	border-bottom: 2px solid rgba(0, 86, 132, 0.4);
}

.infoScoop #tabs .tablink,
.infoScoop.admin .tabs .tablink {
	font-size:83%;
}
.infoScoop #tabs #tabsRefresh, 
.infoScoop #tabs #tabsRefreshStop {
	cursor:pointer;
	float: right;
	margin-right: 19px;
}

.infoScoop #tabs ul {
	margin:0;
	padding:0;
	list-style:none;
	height: 32px;
	padding-left: 30px;
}
.infoScoop #tabs li {
	position:relative;
	display: inline-block;
	vertical-align: bottom;
	margin:0;
	line-height: 11px;
}

.infoScoop #tabs div.outer {
	display: inline-block;
	width: 10px;
    text-decoration:none;
	height: 32px;
}
.infoScoop #tabs div.inner {
    display:inline-block;
	white-space:nowrap;
	//height:22px;/* for IE */
	overflow: hidden;
    text-decoration:none;
    line-height: 16px;
    padding: 8px 10px 8px 0px;
}

.infoScoop #tabs div.inner table {
	height: 18px;
	//height: 22px;/* for IE */
}

@keyframes tab-anim-bounce {
	0% {
		top: 9px;
		left: 3px;
		animation-timing-function: ease-in;
	}
	50% {
		top: 20px;
		left: 3px;
		animtion-timing-function: ease-out;
	}
	100% {
		top: 9px;
		left: 3px;
		animation-timing-function: ease-in;
	}
}
@-webkit-keyframes tab-anim-bounce {
	0% {
		top: 9px;
		left: 3px;
		-webkit-animation-timing-function: ease-in;
	}
	50% {
		top: 20px;
		left: 3px;
		-webkit-animtion-timing-function: ease-out;
	}
	100% {
		top: 9px;
		left: 3px;
		-webkit-animation-timing-function: ease-in;
	}
}

.infoScoop #tabs li .bounce-ball-indicator {
	display: none;
}

.infoScoop #tabs li .css.bounce-ball-indicator {
	background-color: #ffffff;
	animation: tab-anim-bounce 1s infinite;
	-webkit-animation: tab-anim-bounce 1s infinite;
}
.infoScoop #tabs li.loading .bounce-ball-indicator {
	display: inline;
}

.infoScoop #tabs li .gif.bounce-ball-indicator {
	top: 9px;
	left: -3px;
	background-image: url(./imgs/ajax-loader-white.gif);
}

.infoScoop #tabs .tabInsertMark {
	position:relative;
	float:left;
	font-size: 10px;
	vertical-align:bottom;
	border:1px dashed #FF5533;
	background-color:#FFF;
	height: 2.8em;
	border-width:1px 1px 0 1px;
}

.infoScoop #tabs .tab div.outer {
	top:0;
	cursor:pointer;
}
.infoScoop #tabs .tab.selected {
	background-color: #0097d8;
}
.infoScoop #tabs .tab.selected div.outer {
    cursor:move;
}

.infoScoop #tabs .tab div.inner {
    cursor:pointer;
}

.infoScoop #tabs .tab.selected div.inner {
    _padding-right: 0px;
}

.infoScoop #tabs .tab.loading div.inner {
	padding-left: 0px;
}
.infoScoop #tabs .tab .tabTitle{
	font-size: 12px;
	color: #ffffff;
	white-space:nowrap;
}
.infoScoop #tabs .tab.selected .tabTitle {
}
.infoScoop #tabs .tab div.inlineBlock {
	float:left;
	vertical-align: middle;
}

.infoScoop #tabs .tab div.inlineBlock.tabTitleImg {
	display: inline-block;              
}

.infoScoop #tabs .Tab_onHover {
	border: 2px dashed #FF5533 !important;
	border-bottom-width: 0px!important;
}
.infoScoop #tabs .tab span.outer.Tab_onHover .inner {
	_height: 18px;
    padding: 0px 5px 0px 5px;
}

.infoScoop #tabs .tabbar-icon-container {
	cursor:pointer;
	display: inline-block;
	vertical-align: middle;
	line-height: 8px;
}

.infoScoop #tabs .tabbar-icon {
	width: 16px;
	height: 16px;
	display: inline-block;
	padding: 8px 0px 8px 0px;
}

.infoScoop #tabs #tabsRefresh a.tabbar-icon {
	background: url(./imgs/refresh-white.png ) no-repeat center left;
}

.infoScoop #tabs .addatab {
	float: none;
	position: relative;
	cursor:pointer;
}

.infoScoop #tabs .addatab a.tabbar-icon {
	background: url(./imgs/plus-white.png ) no-repeat center left;
	margin-left: 10px;
}

/*TODO: DELETE this as it seems not to need any more since addatab button is an icon.*/
/*html:not([lang*=""]) .infoScoop #tabs > #tabsUl > .addatab {
	display: inline-block;
	float: none;
	position: relative;
	vertical-align: bottom;
}*/
.infoScoop #tabs #tabsRefreshStop a.tabbar-icon {
	background: url( ./imgs/times-circle-white.png ) no-repeat center left;
}
/*
.selectedtab .tabIndicator {
	width: 13px;
}
*/

.infoScoop #tabs #tabLoadStopIcon{
	background: url( ./imgs/stopq.gif ) no-repeat center left;
	width:16px;
	height:16px;
	cursor:pointer;
}
.infoScoop #tabs #tabLoadProgress{
	background-color:white;
	border:2px groove black;
	height:1.2em;
	position:relative;
}
.infoScoop #tabs #tabLoadProgressBar{
	background-color:#00FFFF;
	height:1.2em;
	position:relative;
	margin-left:0 !important;
}
.infoScoop #tabs #tabLoadProgressCount{
	position:absolute;
	top:0;
	right:0;
}


.infoScoop #tabs .tab .selectMenu {
	width: 16px;
	height: 16px;
	cursor:pointer;
	display: none;
}
.infoScoop #tabs .tab.selected .selectMenu.menu{
	display: block;
	background: url(./imgs/arrow-circle-o-down-white.png ) no-repeat center left;
}

.infoScoop #tabs .tab.selected .selectMenu.refresh{
	display: block;
	background: url(./imgs/refresh-white.png ) no-repeat center left;
}

.infoScoop #tabs .tab .fixedTab {
	width: 16px;
	height: 16px;
	/*margin: -8px 1px 0 -10px;*/
	position:absolute;
	top:0;
	left:0;
}

.infoScoop .tabMenu {
	position: absolute;
	z-index:50;
	overflow: hidden;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	padding-left: 0px;
	margin-top: 0px;
	margin-left: 0px;
	padding: 8px;
}

.infoScoop .tabMenu .item,
.infoScoop .widgetMenu .item {
	font-size: 9pt;
	white-space: nowrap;
	line-height: 17px;
	padding: 2px 1px 1px 1px;
	text-decoration : none;
}
.infoScoop .tabMenu div.item,
.infoScoop .widgetMenu div.item {
	cursor: normal;
}
.infoScoop .tabMenu a.item,
.infoScoop .widgetMenu a.item {
	display: block;
	color: #404040;
	cursor: pointer;
}
.infoScoop .tabMenu a.item:hover,
.infoScoop .widgetMenu a.item:hover {
	background-color: #eeeeee;
}
.infoScoop .tabMenu .item .content {
	padding-left: 18px;
}

.infoScoop .tabMenu .refresh {
	background: url( ./imgs/refresh.png ) no-repeat center left;
}
.infoScoop .tabMenu .close {
	background: url( ./imgs/trash-o.png ) no-repeat center left;
}
.infoScoop .tabMenu .rename {
	background: url( ./imgs/edit.png ) no-repeat center left;
}
.infoScoop .tabMenu .rename .nameInput {
	margin-left: 10px;
}
.infoScoop .tabMenu .changeColumnNum {
	background: url(./imgs/arrows-h.png ) no-repeat center left;
}
.infoScoop .tabMenu .changeColumnNum .columnNumSelect {
	margin-left: 10px;
}
.infoScoop .tabMenu .resetColumnWidth {
	background: url(./imgs/columns.png ) no-repeat center left;
}
.infoScoop .tabMenu .initialize {
	background: url( ./imgs/undo.png ) no-repeat center left;
}
